@charset "UTF-8";

*{ padding:0; margin:0;}
body{  font: 12px/1.5 "Microsoft Yahei", stheiti, SimSun, sans-serif;}
ul,ol,dl,li{ list-style:none;}
a{ color:#000; text-decoration:none;}
a:hover {  text-decoration: none;  }
h1,h2,h3,h4,h5,h6{ font-size:12px; font-weight:normal;}
address,caption,cite,code,dfn,em,th,strong,i{ font-style:normal;}
b,strong{ font-weight:normal;}
a img{ border:none;}
input,select,img{ vertical-align:top;}
.clearfix:after{display:block; content:''; clear:both;}
a,input{outline:none;border:none;}
textarea{resize:none;}
table{  border-collapse: collapse;  border-spacing: 0;  margin: 0 auto;}
th,td{border:1px solid red; padding:0;}
.fl{float:left;}
.fr{float:right;}

/* nav */
.public_nav{ position:fixed; left:0; top:0; width:100%; height:80px; background:rgba(0,0,0,0.8); background:rgb(0,0,0)\9; z-index:9999;}
.navbar_logo{ float:left; width:200px; padding-top:15px;}
.navbar_logo a{ display:block; width:160px; height:50px; text-indent:-999em; background:url(../img/logo-bg.png) no-repeat 0 0;}
.navbar_coll{ float:right; width:572px; padding-top:26px;}
.navbar_coll li{ float:left;}
.navbar_coll a{ display:block; width:60px; color:#fff; font-size:14px; padding:0 20px; text-align: center; line-height: 28px; height:28px;}
.navbar_coll a span{ display:inline-block; *display:inline; *zoom:1; width:0; height:0; border-bottom:3px solid #e53333; transition:all .3s ease; vertical-align: top;}
.navbar_coll a:hover span,.navbar_coll .now span{ width:100%;}
/* .navbar_coll a:hover,.navbar_coll .now a{ color:#e53333;} */

/* 登录 */
.navbar_login{float:right;/*width:132px;*/ padding-top:28px;}
.navbar_login .before_login_box{/* display:none;*/}
.navbar_login .before_login_box a{float:left; color:#fff; width:48px; height:24px; line-height: 24px; text-align: center; border:1px solid; border-radius:14px}
.navbar_login .before_login_box .navbar_login_btn{ border-color:#dc1916; margin:0 20px 0 12px;}
.navbar_login .before_login_box .navbar_add_btn{ border-color:#555;}
.navbar_login .after_login_box{/* display:none;*/ padding-top:3px; height:18px; line-height: 18px;}
.navbar_login .after_login_box a{ color:#fff; margin-left:12px;}
.navbar_login .after_login_box span{color:#fff;}
.navbar_login .after_login_box .navbar_recharge_btn{ color:#dc1916;}
.navbar_login .before_login_box .navbar_recharge_btn{ margin-left:20px;}

/* 底部 */
footer{
    width: 100%;
    left: 0;
    bottom: 0;
    height: 310px;
    background-color: #0d0e10;
}
.footerlogo{ height:70px; width:217px; float:left; background:url(../img/qukulogo-red.png) no-repeat 0 2px; margin-top:108px; margin-left:153px;}
.footerlogo a{ display:block; height:100%; text-indent:-9999em;}
.footertext{ float:left; margin-left:61px; margin-top:80px; color: #dcdce1;}
.footertext a{color: #dcdce1;}
.footertext a:hover{ text-decoration: underline; color:#e53333;}
.footertext em{ padding:0 16px;}
.footertext p{ height:30px; line-height: 30px; margin:0;}
.footertext p span{ margin-right:10px;}

.quakegame-mask-bg{display:none; position:fixed;top:0;left:0;z-index:10000;width:100%;height:100%;background: #000;opacity: .5;  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);}
.qklogin-box{display:none;position: fixed;z-index: 10001;top:50%;left:50%;margin:-285px 0 0 -270px;width:540px;height:569px;border-radius: 10px;background: #1f1f1f;overflow: hidden;}
.qklogin-box .qk-tit{width:541px;height:60px;background: #141414;font: 20px/60px "Microsoft Yahei";color:#4a4a4a;text-align: center;margin-bottom:29px;}
.qklogin-box .lo-close{width:16px;height:16px;background: url(../img/lo-close.png) no-repeat;margin:22px 22px 0 0;cursor: pointer;}
.qklogin-box .qk-input{display:block;width:440px;height:60px;font: 18px/60px "Microsoft Yahei";text-indent: 20px;background: #141414;border-radius: 5px;color:#fff;margin:0 auto;margin-bottom:20px;}
.qklogin-box input::-webkit-input-placeholder { color: #343434 !important; /* WebKit browsers */}
.qklogin-box input:-moz-placeholder {  color: #343434 !important; /* Mozilla Firefox 4 to 18*/  }
.qklogin-box input::-moz-placeholder { color: #343434 !important; /*Mozilla Firefox 19+*/  }
.qklogin-box input:-ms-input-placeholder {  color: #343434 !important; /* Internet Explorer 10+ */}

.qklogin-box .check-box{width:440px;margin:0 auto;padding-top:2px;overflow: hidden;}
.qklogin-box .label_check {float:left; display: block; cursor: pointer;width:300px;height:18px;overflow: hidden;padding-left:23px;}
.qklogin-box .auto-Login,.qklogin-box .auto-Login a,.qklogin-box .forget{color:#666666;font-size:14px;line-height:18px;}
.qklogin-box .auto-Login a{text-decoration: underline;}
.qklogin-box .forget:hover{text-decoration: underline;}
.has-js .label_check{background: url(../img/check-ico.png) no-repeat;  }
.has-js .label_check {  background-position: 0 0 }
.has-js .label_check.c_on {  background-position: 0 -18px;  }
.has-js .label_check input{ position: absolute; left: -9999px; }
.qklogin-box .login-btn{display: block;width:440px;background: #fa5832;margin:0 auto;margin-top:35px;text-align: center;height:60px;line-height:60px;border-radius: 5px;font-size:26px;color:#fff;}
.qklogin-box .login-btn:hover{background: #ff6e50;}
.qklogin-box .to-register{display: block;width:140px;height:40px;line-height:40px;margin-left:58px;color:#525e67;text-align: center;}
.qklogin-box .to-register:hover{color:#1491f5;}
.qklogin-box .to-login{display: block;width:140px;height:40px;line-height:40px;margin-left:58px;color:#525e67;text-align: center;}
.qklogin-box .to-login .todo{color:#329ffa}
.qklogin-box .to-login .todo:hover{text-decoration: underline;}
.qklogin-box .title_text{ color:red; font-size:14px; text-align: center; height:30px; line-height: 30px;}